$(function(){
	console.log("xxxxxxxxxxx");
	findProvinces();
	conditionFind();
});

function conditionFind(){
	let arr = {};
	arr.studentName = $("#studentName").val();
	arr.mobile = $("#mobile").val();
	arr.idNum = $("#idNum").val();
	arr.sex = $("#sex").val();
	arr.provincesId = $("#provinces").find("option:selected").val();
	arr.citiesId = $("#city").find("option:selected").val();
	arr.areasId = $("#areas").find("option:selected").val();
	
	find(arr);
	
}

function find(arr){
	// 当前页
	arr.pageNum;
	if ( arr.pageNum > 1) {
	} else {
		arr.pageNum = 1;
	}
	arr.pageSize = $("#pageSize").val();
	if(arr.pageSize == ""){
		$("#pageSize").val(5);
		arr.pageSize = $("#pageSize").val();
	}
	// 每页多少条数据
	/*if ( arr.pageSize > 0) {
	} else {
		arr.pageSize = 5;
	}*/
	
	var url=$("#addr").val()+"/Student/regiaterInsert";
	$.ajax({
		type: "POST",  
        url: url, // 请求的URL
        data: JSON.stringify(arr),  // 请求的数据
        dataType: "json",   // 返回的数据类型，json, html, xml, jquery.parseJson() 
        contentType: "application/json;charset=utf-8",  // 请求的数据格式，字符集
        async: true, // 可以不写， 是否异步请求
		success: function (data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作
					console.log("find成功 ");
			console.log("返回数据::: " + data);
			console.log("返回数据::: " + data.code);
			console.log("返回数据::: " + data.msg);
			var redata = data.data;
			
			let vv=" <tr style='text-align:center'><td style='border: 2px black;width: 50px'></td><td style='border: 2px black;width: 100px'>序号</td><td style='border: 2px black;width: 100px'>姓名</td><td style='border: 2px black;width: 100px'>手机号</td><td style='border: 2px black;width: 100px'>性别</td><td style='border: 2px black;width: 100px'>年龄</td><td style='border: 2px black;width: 100px'>证件号码</td><td style='border: 2px black;width: 200px'>籍贯</td><td style='border: 2px black;width: 200px'>创建时间</td><td style='border: 2px black;width: 200px'>修改时间</td><td style='border: 2px black;width: 200px'>操作</td></tr>";
			for(let i=0;i<redata.length;i++){
				var ii=i+1;
				vv = vv +"<tr><td></td>";
				vv = vv +"<td>"+ii+"</td>";
				vv = vv +"<td>"+redata[i].studentName+"</td>";
				vv = vv +"<td>"+redata[i].mobile+"</td>";
				vv = vv +"<td>"+redata[i].sex+"</td>";
				vv = vv +"<td>"+redata[i].age+"</td>";
				vv = vv +"<td>"+redata[i].idNum+"</td>";
				vv = vv +"<td>"+redata[i].nativePlace+"</td>";
				vv = vv +"<td>"+redata[i].createTime+"</td>";
				vv = vv +"<td>"+redata[i].updateTime+"</td>";
				vv = vv+"<td><a type='button' >修改</a>"+
            	"<a type='button' >删除</a></td></tr>";
            	/*console.log("redata::"+redata[i].studentName);*/
			}
				$("#trr").html(vv);
				
				
			$('#table').bootstrapTable('destroy');
			$("#table").bootstrapTable({
				// url: retData,
				data: redata,
				columns: [{
					field: 'studentName',
					title: '姓名'
				}, {
					field: 'mobile',
					title: '手机号'
				}, {
					field: 'sex',
					title: '性别',
					sortable: true,
					formatter: function (value, row , index){
						if(value == "F"){
							return '女';
						}else if(value == "M"){
							return '男';
						}
					}
				}, {
					field: 'age',
					title: '年龄'
				}, {
					field: 'idNum',
					title: '证件号码'
				}, {
					field: 'nativePlace',
					title: '籍贯'
				}, {
					field: 'provincesId',
					title: '省'
				}, {
					field: 'citiesId',
					title: '市'
				}, {
					field: 'areasId',
					title: '县'
				}, {
					field: 'createTime',
					title: '创建时间',
					sortable: true,
					formatter: function (value, row, index) {
						return  getYMDHMS(value);
						}
				}, {
					field: 'updateTime',
					title: '修改时间',
					sortable: true,
					formatter: function (value, row, index) {
						return  getYMDHMS(value);
						}
				}, {
					field: 'studentId',
					title: '操作',
					//——修改——获取日期列的值进行转换
					sortable: true,
                	formatter: function (value, row, index) {
                    return "<button type='button' onclick='Findupdate(\""+value+"\")' class='btn btn-primary' data-toggle='modal' data-target='#updatemodal' data-whatever='@fat'>修改</button>"+"<button type='button' onclick='de(\""+value+"\")' class='btn btn-primary' data-toggle='modal' data-target='#deletemodal' data-whatever='@fat'>删除</button>";
                    }
				},
				]
				
			});
			
			// 分页信息
			// data.pageinfo   
			let total = data.pageInfo.total;
			
			let pageSize = $("#pageSize").val();
			let buttonNumber = parseInt(total / pageSize);
			console.log("当前页：：："+buttonNumber)
			if(total % pageSize > 0){
				buttonNumber = buttonNumber + 1;
				// buttonNumber++;
			}
			
			let pagebutton;
			
			if (arr.pageNum == 1) {
				pagebutton ='<li class="page-item disabled"><a class="page-link" onclick="queryDataPage(\'previous\')" href="#">Previous</a></li>';
			} else {
				pagebutton ='<li class="page-item"><a class="page-link" onclick="queryDataPage(\'previous\')" href="#">Previous</a></li>';
			}
			
			/**
			 * <li class="page-item"><a class="page-link" onclick="queryDataPage('previous')" href="#">Previous</a></li>
					<li class="page-item"><a class="page-link" onclick="queryDataPage('1')" href="#">1</a></li>
					<li class="page-item"><a class="page-link" onclick="queryDataPage('2')" href="#">2</a></li>
					<li class="page-item"><a class="page-link" onclick="queryDataPage('3')" href="#">3</a></li>
					<li class="page-item"><a class="page-link" onclick="queryDataPage('next')" href="#">Next</a></li>
			 */

			for(let i = 1; i <= buttonNumber; i++) {
				if (i == arr.pageNum) {
					pagebutton = pagebutton + '<li class="page-item active"><a class="page-link" onclick="queryDataPage(\'' + i + '\')" href="#">'+ i +'</a></li>';
				} else {
					pagebutton = pagebutton + '<li class="page-item"><a class="page-link" onclick="queryDataPage(\'' + i + '\')" href="#">'+ i +'</a></li>';
				}
			}
			
			if (arr.pageNum == buttonNumber) {
				pagebutton = pagebutton + '<li class="page-item disabled"><a class="page-link" onclick="queryDataPage(\'next\')" href="#">Next</a></li>';
			} else {
				pagebutton = pagebutton + '<li class="page-item"><a class="page-link" onclick="queryDataPage(\'next\')" href="#">Next</a></li>';
			}
			$("#pagination").html(pagebutton);

					
			}
		})
}
function de(studentId){
	$("#studentId").val(studentId);
}

function deleteStudent(){
	var url=$("#addr").val()+"/Student/deleteStudent";
	var arr={};
	arr.studentId=$("#studentId").val();
	$.ajax({
		type: "POST",  
        url: url, // 请求的URL
        data: JSON.stringify(arr),  // 请求的数据
        dataType: "json",   // 返回的数据类型，json, html, xml, jquery.parseJson() 
        contentType: "application/json;charset=utf-8",  // 请求的数据格式，字符集
        async: true, // 可以不写， 是否异步请求
		success: function (data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作
			$("#deletemodal").modal('hide');
			console.info("已返回insertStudent");
			conditionFind();
			}
		
		})
	
}
function Findupdate(studentId){
	var url=$("#addr").val()+"/Student/findStu";
	let arr={};
	arr.studentId=studentId;
	$.ajax({
		type: "POST",  
        url: url, // 请求的URL
        data: JSON.stringify(arr),  // 请求的数据
        dataType: "json",   // 返回的数据类型，json, html, xml, jquery.parseJson() 
        contentType: "application/json;charset=utf-8",  // 请求的数据格式，字符集
        async: true, // 可以不写， 是否异步请求
		success: function (data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作
			var arrdata= data.data;
			console.info("arrdata::"+arrdata[0].studentId);
		$("#UpStudentName").val(arrdata[0].studentName);
		$("#UpMobile").val(arrdata[0].mobile);
		$("#UpAge").val(arrdata[0].age);
		$("#UpIdNum").val(arrdata[0].idNum);
		$("#UpNativePlace").val(arrdata[0].nativePlace);
		$("#UpEmail").val(arrdata[0].email);
		$("#updatesex").val(arrdata[0].sex);
		
		$("#studentId").val(arrdata[0].studentId);
		
			}
		})
}

function updateStudent(){
	var url=$("#addr").val()+"/Student/updateStudent";
		var arr={};
		arr.UpStudentName=$("#UpStudentName").val();
		arr.UpMobile=$("#UpMobile").val();
		arr.UpAge=$("#UpAge").val();
		arr.UpIdNum=$("#UpIdNum").val();
		arr.UpNativePlace=$("#UpNativePlace").val();
		arr.UpEmail=$("#UpEmail").val();
		arr.UpSex=$("updatesex").val();
		arr.studentId=$("#studentId").val();
		
		$.ajax({
		type: "POST",  
        url: url, // 请求的URL
        data: JSON.stringify(arr),  // 请求的数据
        dataType: "json",   // 返回的数据类型，json, html, xml, jquery.parseJson() 
        contentType: "application/json;charset=utf-8",  // 请求的数据格式，字符集
        async: true, // 可以不写， 是否异步请求
		success: function (data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作
			$("#updatemodal").modal('hide');
			 
			conditionFind();
			}
			
		})
}
function getYMDHMS (timestamp) {
      let time = new Date(timestamp)
      let year = time.getFullYear()
      let month = time.getMonth() + 1
      let date = time.getDate()
      let hours = time.getHours()
      let minute = time.getMinutes()
      let second = time.getSeconds()

      if (month < 10) { month = '0' + month }
      if (date < 10) { date = '0' + date }
      if (hours < 10) { hours = '0' + hours }
      if (minute < 10) { minute = '0' + minute }
      if (second < 10) { second = '0' + second }
      return year + '-' + month + '-' + date + ' ' + hours + ':' + minute + ':' + second
    }
function insertStudent(){
	var selectedRadio = document.querySelector('input[name="Addsex"]:checked').value;
	
    

	let arr={};
	arr.AddStudentName=$("#AddStudentName").val();
	arr.AddMobile=$("#AddMobile").val();
	arr.Addsex=selectedRadio;
	arr.AddAge=$("#AddAge").val();
	arr.AddIdNum=$("#AddIdNum").val();
	arr.AddNativePlace=$("#AddNativePlace").val();
	arr.AddEmail=$("#AddEmail").val();
	
	arr.provinces=$("#provinces").val();
	arr.city=$("#city").val();
	arr.areas=$("#areas").val();
	
	var url = $("#addr").val() + "/Student/insert";
	$.ajax({
		type: "POST",  
        url: url, // 请求的URL
        data: JSON.stringify(arr),  // 请求的数据
        dataType: "json",   // 返回的数据类型，json, html, xml, jquery.parseJson() 
        contentType: "application/json;charset=utf-8",  // 请求的数据格式，字符集
        async: true, // 可以不写， 是否异步请求
		success: function (data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作
			$("#insertmodal").modal('hide');
			console.info("已返回insertStudent");
			location.reload(true);//页面自动刷新
		}
	})
}

function findProvinces(){
	var url=$("#addr").val()+"/Student/findProvinces";
	
	$.ajax({
		type: "POST",  
        url: url, // 请求的URL
        data: JSON.stringify({}),  // 请求的数据
        dataType: "json",   // 返回的数据类型，json, html, xml, jquery.parseJson() 
        contentType: "application/json;charset=utf-8",  // 请求的数据格式，字符集
        async: true, // 可以不写， 是否异步请求
		success: function (data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作
			console.log("findProvinces成功 ");
			console.log("返回数据::: " + data);
			console.log("返回数据::: " + data.code);
			console.log("返回数据::: " + data.msg);
			var redata = data.data;
			var str = "<option value=''>请选择省</option>";

			for(let i=0;i<redata.length;i++){
				str = str + "<option value='" + redata[i].provinceid + "'>" + redata[i].province + "</option>";
			}
				$("#provinces").html(str);
			}
		})
}

function findCities(){
	console.log("findCities");
	
	let provinceId = $("#provinces").find("option:selected").val();
	queryCities(provinceId);
	console.log("provinceIdasdsadasd " + provinceId);
	
	var str = "<option value=''>请选择市</option>";
	$("#areas").html(str);	
}
function queryCities(provinceId){
	
	var url=$("#addr").val()+"/Student/findCities";
	let arr={};
	arr.provinceId=provinceId;
	$.ajax({
		type: "POST",
		url: url,
		data: JSON.stringify(arr), // 请求的数据
		dataType: "json", // 返回的数据类型，json, html, xml, jquery.parseJson()
		contentType: "application/json;charset=utf-8",// 请求的数据格式，字符集
		async: true,// 可以不写， 是否异步请求
		success: function (data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作
			console.log("queryCities成功 ");
			console.log("返回数据::: " + data);
			console.log("返回数据::: " + data.code);
			console.log("返回数据::: " + data.msg);
			var redata = data.data;
			var str= "<option value=''>请选择市</option>";
			
			for(let i=0;i<redata.length;i++){
				str=str+"<option value='"+redata[i].cityid+"'>"+redata[i].city+"</option>"
			}
			$("#city").html(str);
		}
	})
}
function findAreas(){
	
	console.log("findAreas");
	
	let cityid = $("#city").find("option:selected").val();
	
	queryAreas(cityid)
}
function queryAreas(cityid){
	var url=$("#addr").val()+"/Student/findAreas";
	let arr={};
	arr.cityid=cityid;
	$.ajax({
		type: "POST",
		url: url,
		data: JSON.stringify(arr), // 请求的数据
		dataType: "json",// 返回的数据类型，json, html, xml, jquery.parseJson()
		contentType: "application/json;charset=utf-8",// 请求的数据格式，字符集
		async: true,// 可以不写， 是否异步请求
		success: function (data, textStatus, jqXHR) {//success是一个回调函数，用来处理当AJAX请求成功完成时的操作
			console.log("queryAreas成功 ");
			console.log("返回数据::: " + data);
			console.log("返回数据::: " + data.code);
			console.log("返回数据::: " + data.msg);
			var redata = data.data;
			var str= "<option value=''>请选择县</option>";
			for(let i=0;i<redata.length;i++){
				
				str=str+"<option value='"+redata[i].area+"'>"+redata[i].area+"</option>"
			}
			$("#areas").html(str);
			
		}
	})
}
// 分页
function queryDataPage(param) {
	console.log("queryDataPage::: " + param);

	let pagenum = $(".active").children("a").html();
	console.log("pagenum::: " + pagenum);

	let reqParam = {};
	if ("previous" == param) {
		pagenum = pagenum - 1;
		reqParam.pageNum = pagenum;
		console.log("previous-reqParam.pageNum::: " + reqParam.pageNum)
	} else if ("next" == param) {
		//pagenum = pagenum + 1;
		console.info("param :" +pagenum);
		pagenum++;
		reqParam.pageNum = pagenum;
		console.log("next-reqParam.pageNum::: " + reqParam.pageNum)
	} else {
		reqParam.pageNum = param;
	}

	find(reqParam);
}
